<template>
  <div class="div">
    <div class="div1">
      <slot class="sl"></slot>

      <p>
        {{ $route.query.type ? $route.query.type + "列表" : $route.meta.title }}
      </p>
    </div>
    <div class="div2"></div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.sl {
  float: left;
}
.div{
    height: .4rem;
}
.div1 {
  width: 100vw;
  height: 0.4rem;
  background-color: #ff5f40;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
}
.div2 {
  width: 100vw;
  height: 0.4rem;
}
p {
  text-align: center;
  line-height: 0.4rem;
  color: white;
  font-size: 0.2rem;
  font-weight: 600;
}
</style>